<template>
	<view class="_outer">
		<view class="_outer_btn_flex" @tap="$_to_type">
			<image class="_btn" v-if="showImg == 1" src="../../static/img/card_rand_bg.png"></image>
			<label class="_lab" v-if="isconcat == 0">{{text}}</label>
			<button class="_lab _back" v-if="isconcat == 1" :open-type="openType">{{text}}</button>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			text:{
				type:String,
				default:"确定"
			},
			isconcat:{
				type:Number,
				default:0
			},
			openType:{
				type:String,
				default:'contact'
			},
			showImg:{
				type:Number,
				default:1
			}
		},
		data() {
			return {
				
			};
		},
		computed:{
		},
		methods:{
			$_to_type(e){
				this.$emit('click',e);
			}
		}
	}
</script>

<style lang="scss">
	._outer{
		height: auto;
		vertical-align: middle;
		width:100%;
		
		._outer_btn_flex{
			height:100%;
			display:flex;
			position:relative;
			width:100%;
			margin:auto;
			
			._btn{
				z-index: 6;
				height: 70upx;
			}
			
			._lab{
				z-index:6;
				height:66upx;
				width:480upx;
				text-align:center;
				color:white;
				font-size:9pt;
				background:none;
				position:absolute;
				justify-content:center;
			}
			
			._back{
				// background-image: url('../../static/img/card_rand_bg.png');
				// background-size: 100% 100%;
			}
		}
	}
</style>
